
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>部门列表</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
	<meta name="keywords" content="">
	<meta name="description" content="">

	<link rel="icon" href="">
	<link href="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/nprogress/nprogress.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/fonts/font-awesome/font-awesome.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/icheck/icheck.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/animate/animate.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.css?v=1.1" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/common/common_20170925.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/inside/inside.css?v=1" rel="stylesheet">
</head>

<body class="white-bg">
<div class="wrapper wrapper-content ibox float-e-margins">
	<div class="ibox-title">
		<div class="pull-left mbx">
			访问量统计<span class="line">/</span>
			<span class="current">pv,uv统计</span>
		</div>
	</div>
	<div class="ibox-content">
		<div class="wrapper wrapper-content">
			<div class="row">
				<div class="col-sm-12" >
					<div class="alert alert-warning alert-dismissable">
						<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
						可以查看pv,uv的统计及转换率
					</div>
					<div id="eventsToolbar" class="form-inline">
						&nbsp;&nbsp;&nbsp;<label style="color:#5b5d61;font-weight: 400">浏览量(PV):</label><label style="font-weight: bolder;line-height: 1;background-color:#DCEBFE;;">${pv!}</label>
						<!--<input  id="name" style="width:200px;" class="btn btn-outline"/>-->
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color:#5b5d61;font-weight: 400">访客数(UV):</label><label style="font-weight: bolder;line-height: 1;background-color: #DCEBFE;;">${uv!}</label>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color:#5b5d61;font-weight: 400">转换率:</label><label style="font-weight: bolder;line-height: 1;background-color:#DCEBFE;;">${percent!}</label>

					</div>
					<table id="cpTableEvents" data-toggle="table" data-mobile-responsive="true" class="table table-bordered table-strip table-hovered">
						<thead>
						<tr>
							<th data-field="ip">IP</th>
							<th data-field="wapOrPc" data-formatter="wapOrPcFormatter">设备类型</th>
							<th data-field="browserType" data-formatter="browserTypeFormatter">浏览器类型</th>
							<th data-field="createDate">创建时间</th>
						</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/nprogress/nprogress.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-validate/jquery.validate.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-validate/additional-methods.min.js"></script>

<script src="https://static.9hive.cn/global/vendor/jquery-validate/localization/messages_zh.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-ajaxform/ajax-form.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/layer/layer.js"></script>
<!-- 自定义js -->
<script src="https://static.9hive.cn/global/vendor/inside/inside20170925.js"></script>
<script src="https://static.9hive.cn/global/js/components/toastr.min.js"></script>
<script>
    function wapOrPcFormatter(v) {
        if(v==0){
            return 'wap';
        }else if(v==1){
            return 'pc';
        }
    }
    function browserTypeFormatter(v) {
        if(v==0){
            return '其他';
        }else if(v==1){
            return 'IE浏览器';
        }else if(v==2){
            return '火狐浏览器';
        }else if(v==3){
            return 'UC浏览器';
        }else if(v==4){
            return 'QQ浏览器';
        }else if(v==5){
            return '世界之窗浏览器';
        }else if(v==6){
            return '谷歌浏览器';
        }
    }

    /*function opFormatter(value, row, index){
        var html='';
		html = '<a href="javascript:void(0)" onclick="edit(\''+row.id+'\');" class="fa fa-pencil" data-toggle="tooltip" title="编辑" style="font-size: 15px"></a>';

        html += '<a href="javascript:void(0)" onclick="del(\''+row.id+'\');"><span style="margin-left:10px;font-size: 15px" class="fa fa-trash-o" data-toggle="tooltip" title="删除"></span></a>';
        return html;
    }*/

    function refresh_table() {
        $('#cpTableEvents').bootstrapTable('refresh');
    }

	/*function del(v) {
	 G.ui.tips.confirm_back('确定要删除吗？', 'delete',{"ids":v},refresh_table);
	 }*/
    function edit(v) {
        location.href = "edit?id="+v+"&type=1";
    }

    (function() {
        $('#cpTableEvents').bootstrapTable({
            url: "ajaxlist?type=1",
            search: true,
            pagination: true,
            showRefresh: true,
            showToggle: true,
            showColumns: true,
            iconSize: 'outline',
            toolbar: '#eventsToolbar',
            icons: {
                refresh: 'glyphicon-repeat',
                toggle: 'glyphicon-list-alt',
                columns: 'glyphicon-list'
            }
        });
        $(".wrapper").tooltip({selector:"[data-toggle=tooltip]",container:"body"});


    })();
</script>
</body>

</html>


